<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<#setting locale="vi">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="Shortcut Icon" href="../images/ncms.ico" type="image/x-icon"/>
<title>Receipt Printing</title>
<style type="text/css">
*{ margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 15px; }
#wrapper { width: 18.5cm; height: 14cm; overflow: hidden; background: url(phieuthu.jpg) no-repeat; padding: 0 0 0 0.8cm }
#header { height: 2.8cm; }
#receiptInfo { height: 10.2cm; }
#footer { height: 0.5cm; }

.toRight { float: right; }
.italic { font-style: italic !important; }

/* info 01 */
.printDate { text-align: center; margin-bottom: 7px; }
.printDate strong { font-style: italic; }
.info01 strong { }
.info { width: 18cm; margin-left: .5cm; }
.info td { padding: 10px 2px; }
.narrow td { padding: 3px 2px !important; }
.info td span { margin-left: 10px; }
.signatures { width: 100%; margin-top: 5px; }
.signatures td { width: 33.3%; text-align: center; }
cpc { text-transform: capitalize; }

</style>
</head>

<body>
<div id="wrapper">
  <div id="header">
  	<div style="padding: 8px 0 0 580px; font-weight: bold; font-size: 13px;">${(receipt.number)!}</div>
  </div>
  
  <div id="receiptInfo">
  	<div class="printDate">
    	Ngày ${(DateUtil.getDayOfMonth(receipt.date))!} tháng ${(DateUtil.getMonth(receipt.date) + 1)!} năm ${(DateUtil.getYear(receipt.date))?string("####")}
    </div>
    <p>&nbsp;</p>
    <div class="info01">
    	<table class="info">
      	<tr>
        	<td width="165"><strong>Họ tên người nộp tiền</strong></td>
          <td><span>: ${(receipt.name)!}</span></td>
        </tr>
        <tr>
          <td><strong>Nội dung nộp</strong></td>
          <td><span>: ${(receipt.comment)!}</span></td>
        </tr>
        <tr>
          <td><strong>Ngày </strong></td>
          <td><span>: ${((receipt.date)!)?string("dd/MM/yyyy")}</td>
        </tr>
        <tr>
          <td><strong>Mức phí đã thu</strong></td>
          <td><span>: <b>${(receipt.fee.amount)!} ${i18n.getMessage('currency.vnd')}</b> </span></td>
        </tr>
        <tr>
          <td class="italic" colspan="2">
          	(Số tiền viết bằng chữ: <cpc>${(View.getFirstString(NumberUtil.name(receipt.fee.amount)))!}</cpc> ${(View.getFromSecondString(NumberUtil.name(receipt.fee.amount)))!})
          </td>
        </tr>
      </table>
      
      <!-- signatures -->
      <table class="signatures">
      	<tr>
        	<td>Người nộp tiền</td>
          <td>Người lập biểu</td>
          <td>Thủ quỹ</td>
        </tr>
      </table>
      <div style="height: 1.4cm;"></div>
      <table class="signatures">
      	<tr>
        	<td>${(receipt.name)!}</td>
          	<td>${(receipt.cashier.fullName)!}</td>
          	<td>Lê Thị Thanh Nhung</td>
        </tr>
      </table>
    </div>
  </div>
  <div id="footer"></div>
</div>
</body>
</html>